---
title: About
permalink: /about/
---

<!DOCTYPE html>
<html>
{% include head.html %}
<style type="text/css" media="screen">


.wrap1 {
    margin: 100px;
    overflow: hidden;
    position: relative;
    height: 60%;
    text-align: center;
}
.box {
    text-align: center;
    position: relative;
    display: inline-block;
}
img {
    width: 200px;
    margin:0px auto;
    position: relative;
}
.wrap1 p{
    font-size: 30px;
    color: #6f6f6f;
}
.wrap1 a {
    color: #D34848;
}
.wrap1 li{
    display: list-item;
    font-size: 15px;
}
.wrap1 ul {
    margin-left: 1.35em;
}
.img-hidden {
    opacity: 0;
}
hr {
    border:0;
    background-color:#F4F4F4;
    height:1px;
}
#wrap-last{
    margin-bottom:100px;
}
.left,
.right {
    text-align: left;
    margin: 0px 0px;
    padding: 5% 5% 5% 20%;
    float: left;
}


<!-- #img-1 { -->
    <!--     -webkit-animation: firstlayer 2s forwards;/* Safari 和 Chrome */ -->
    <!-- } -->
    <!-- #img-2 { -->
        <!--     -webkit-animation: firstlayer 2s 0.3s forwards;/* Safari 和 Chrome */ -->
        <!-- } -->
        <!-- #img-3 { -->
            <!--     -webkit-animation: firstlayer 2s 0.6s forwards;/* Safari 和 Chrome */ -->
            <!-- } -->
            <!-- #img-4 { -->
                <!--     -webkit-animation: firstlayer 2s 0.9s forwards;/* Safari 和 Chrome */ -->
                <!-- } -->
                <!-- #img-5 { -->
                    <!--     -webkit-animation: firstlayer 2s 1.2s forwards;/* Safari 和 Chrome */ -->
                    <!-- } -->
</style>
<body>
{% include header.html %}
<div class="page-content">
    <div class="wrap1">
        <p> the shortest answer is doing </p>
    </div>
    <div class='wrap1'>
        <div class="box">
            <img id="img-1" src="../img/about/displayer.png" alt="" style="top: 0px; opacity: 1; left: 0px;" />
            <img id="img-2" src="../img/about/keyboard.png" alt=""style="top: 0px; opacity: 1; left: 0px;" />
            <img id="img-3" src="../img/about/macbook.png" alt=""  style="top: 0px; opacity: 1; left: 0px;"/>
        </div>
    </div>
    <hr />
    <div class="wrap1">
        <p>Everyday a little better than yesterday</p>
    </div>
    <div class="wrap1">
        <div class="box">
            <img id="img-1" src="../img/about/python.png" alt="" style="top: 0px; opacity: 1; left: 0px;"/>
            <img id="img-2" src="../img/about/C.png" alt="" style="top: 0px; opacity: 1; left: 0px;"/>
            <img id="img-3" src="../img/about/shell.png" alt="" style="top: 0px; opacity: 1; left: 0px;"/>
            <img id="img-4" src="../img/about/html5.png" alt="" style="top: 0px; opacity: 1; left: 0px;"/>
        </div>
    </div>
    <!-- <div class="wrap1"> -->
    <!--     <div class="img-editor"> -->
    <!--             <img src="../img/about/vim.png" alt=""/> -->
    <!--     </div> -->
    <!--     <div class="img-editor"> -->
    <!--             <img src="../img/about/sublime.png" alt=""/> -->
    <!--     </div> -->
    <!-- </div> -->
    <!-- <div class="wrap"> -->
    <!--     <p>技能点有点点歪,会后端,正在努力学习前端</p> -->
    <!--     <p>Python > C > Javascirpt</p> -->
    <!-- </div> -->
    <div class="wrap1 left">
        <ul>
            <li>友链:
            <ul>
                <li><a href="http://darkof.com" target="_blank"> Adam Wen's Blog</a></li>
                <li><a href="http://jerryleooo.github.io/" target="_blank"> Jerry Leo's Blog</a></li>
                <li><a href="http://webstaff.itn.liu.se/~leiyo44/" target="_blank"> Lei You’s Homepage</a></li>
            </ul>
            </li>


        </ul>
    </div>

</div>
{% include footer.html %}
</body>
</html>
